function tabs(){
		//1获取元素
		var closelogin = document.querySelector(".closelogin");
				var login = document.querySelector(".login");
				var isBlock = false;
				//2.添加事件（点击，鼠标）
				closelogin.addEventListener("click", function() {
					if(!isBlock) {
				//3.控制样式
//						login.style.display = "block"
						login.style.transform = "translateX(0%)"
						isBlock = true;
					} else {
//						login.style.display = "none"
						login.style.transform = "translateX(-100%)"
						
						isBlock = false;
					}
				})
			
			
			

}
tabs();
function off(){
		//1获取元素
		var off_login = document.querySelector(".off_login");
				var login = document.querySelector(".login");
				var isBlock = false;
				//2.添加事件（点击，鼠标）
				off_login.addEventListener("click", function() {
					if(!isBlock) {
				//3.控制样式
						
						login.style.display = "none"

					}
				})
			
			
			

}
off();

function bylogin(){
	var by_login = document.querySelector(".by_login");
				var yet_user = document.querySelector(".yet_user");
				var user_box = document.querySelector(".user_box");
				var isBlock = false;
				//2.添加事件（点击，鼠标）
				by_login.addEventListener("click", function() {
					if(!isBlock) {
				//3.控制样式
						yet_user.style.display = "block"
						user_box.style.display = "none"
						
//						isBlock = true;
//					} else {
//						user_box.style.display = "none"
//						isBlock = false;
					}
				}) 
}
bylogin();





